
<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="ltr" lang="zh_cn" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="ltr" lang="zh_cn" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="ltr" lang="zh_cn">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>忘记密码?</title>
<!-- <base href="https://mall.opencart.cn/" /> -->

<!-- Facebook share -->
<meta property="og:site_name" content="PHP 开源电商系统 - 成都光大网络科技" />
<meta property="og:url" content="https://mall.opencart.cn/account/forgotten" />
<meta property="og:type" content="website" />
<meta property="og:title" content="忘记密码?" />
<meta property="og:description" content="" />
<meta property="og:image" content="../../image/logo-600x315.png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />

<link href="../../javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="../../javascript/app.js?v=c276af9139" type="text/javascript"></script>
<link href="../../image/favicon.png" rel="icon" />
<link href="../../theme/mobile/stylesheet/stylesheet.css?v=7000b9778f" rel="stylesheet">

</head>
<body class="account-forgotten" ontouchstart="" onmouseover="">

  <div class="assist-side">
        <a class="btn-meiqia"><i class="iconfont">&#xe607;</i></a>
    <script type='text/javascript'>
      (function(m, ei, q, i, a, j, s) {
        m[i] = m[i] || function() {
          (m[i].a = m[i].a || []).push(arguments)
        };
        j = ei.createElement(q),
          s = ei.getElementsByTagName(q)[0];
        j.async = true;
        j.charset = 'UTF-8';
        j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
        s.parentNode.insertBefore(j, s);
      })(window, document, 'script', '_MEIQIA');
      _MEIQIA('entId', '116919');
      _MEIQIA('language', 'zh');
      _MEIQIA('manualInit'); // 在这里开启手动模式
      _MEIQIA('withoutBtn'); // 不显示默认按钮
      _MEIQIA('init');

      $(document).on('click', '.btn-meiqia', function(event) {
        _MEIQIA('showPanel');
      });
    </script>
            <a href="https://mall.opencart.cn/"><i class="iconfont">&#xe629;</i></a>
        <a href="#page-top" class="go-top"><i class="iconfont">&#xe6fe;</i></a>
  </div>

<div class="container">
  <div class="row">
    <div id="content" class="col-sm-12">
      <div class="nav-bar">忘记密码?</div>
            <div class="row widget">
        <div class="col-xs-12">
          <ul class="nav nav-tabs">
            <li class="active"><a href="#tab-telephone" data-toggle="tab" aria-expanded="true">手机找回密码</a></li>
            <li><a href="#tab-email" data-toggle="tab" aria-expanded="true">邮箱找回密码</a></li>
          </ul>
          <div class="tab-content mt-1">
            <div class="tab-pane" id="tab-email">
              <form action="../pc/account/forgotten.html" method="post" enctype="multipart/form-data" class="form-horizontal form-group-list">
                <input type="hidden" name="type" value="email" />
                <div class="form-group required">
                  <label class="col-sm-2 control-label" for="input-email">邮箱地址</label>
                  <div class="col-sm-10">
                    <input type="text" name="email" value="" placeholder="邮箱地址" id="input-email" class="form-control" />
                  </div>
                </div>
                <div class="buttons clearfix">
                  <div class="pull-right">
                    <input type="submit" value="提交" class="btn btn-primary" />
                  </div>
                </div>
              </form>
            </div>
            <div class="tab-pane active" id="tab-telephone">

                            <form action="" method="post" enctype="multipart/form-data" class="form-horizontal form-group-list">
                <input type="hidden" name="type" value="telephone" />
                <div class="form-group required">
                  <label class="col-sm-2 control-label" for="input-telephone">手机号码</label>
                    <div class="col-sm-10">
                      <div class="row">
                        <div class="col-xs-8">
                          <input type="hidden" name="calling_code" value="86">
  <input name="telephone" value="" placeholder="手机号码" id="input-telephone"
         class="form-control"/>

                        </div>
                        <div class="col-xs-4">
                          <input id="button-verify" type="button" class="button button-code btn btn-info btn-block" value="获取验证码" onClick="get(this)" />
                        </div>
                      </div>
                                          </div>
                  </div>
                  <div class="form-group required">
                    <label class="col-sm-2 control-label" for="input-smscode">手机验证码</label>
                    <div class="col-sm-10">
                      <input type="text" name="smscode" value="" placeholder="手机验证码" id="input-smscode" class="form-control" />
                                          </div>
                  </div>
                  <div class="form-group required">
                    <label class="col-sm-2 control-label" for="input-password">输入新密码</label>
                    <div class="col-sm-10">
                      <input type="password" name="password" value="" placeholder="输入新密码" id="input-password" class="form-control" />
                                          </div>
                  </div>
                  <div class="form-group required">
                    <label class="col-sm-2 control-label" for="input-confirm">确认新密码</label>
                    <div class="col-sm-10">
                      <input type="password" name="confirm" value="" placeholder="确认新密码" id="input-confirm" class="form-control" />
                                          </div>
                  </div>
                <div class="buttons clearfix">
                  <div class="pull-right">
                    <input type="submit" value="提交" class="btn btn-primary" />
                  </div>
                </div>
              </form>
                          </div>
          </div>
        </div>
      </div>

      </div>
    </div>
</div>

<script type="text/javascript"><!--
var timeconst = 2*60
var maxtime = timeconst;
function CountDown()
{
  if(maxtime>=0)
  {
    msg = maxtime + " 秒重试";
    $('#button-verify').val(msg);
    --maxtime;
  }
  else
  {
    clearInterval(timer);
    maxtime = timeconst;
    $('#button-verify').val("重新获取验证码");
    $('#button-verify').attr("disabled",false);
  }
}
function get(obj) {
      var partten = /^\d{10,13}$/;
    if (!partten.test(document.getElementById("input-telephone").value)) {
        alert('');
        return;
    }
    $.ajax({
      url: 'index.php?route=account/forgotten/verify',
      type: "POST",
            data: "telephone=" + $("#input-telephone").val(),
            dataType: 'json',
      success: function(data) {
        if(data['error']) {
          alert(data['error']);
        } else if (data['status'] == "fail") {
          alert(data['msg']);
        } else if (data['status'] == "success") {
          obj.disabled = true;
          timer = setInterval("CountDown()",1000);
        }
      }
  })
}
//--></script>
  <footer>
        <div class="language-currency-wrapper mb-1 mt-1">
            <a href="#" id="switch-language">
    <img src="../../image/language/zh-cn.png" alt="简体中文" title="简体中文">
    简体中文
  </a>

  <script type="text/javascript">
  $('#switch-language').click(function (e) {
    e.preventDefault();
    layer.open({
      type: 1,
      title: '语言',
      closeBtn: 1,
      anim: 2,
      shadeClose: true,
      scrollbar: false,
      area: ['80%'],
      content: language_modal_content()
    });
  });

  function language_modal_content() {
    var html = '<div class="m-2">';
        html += '<a href="https://mall.opencart.cn/account/forgotten?language=zh-cn" class="list-group-item"><img src="../../image/language/zh-cn.png"/> 简体中文</a>';
        html += '<a href="https://mall.opencart.cn/account/forgotten?language=en-gb" class="list-group-item"><img src="../../image/language/en-gb.png"/> English</a>';
        html += '<a href="https://mall.opencart.cn/account/forgotten?language=zh-hk" class="list-group-item"><img src="../../image/language/zh-hk.png"/> 繁體中文</a>';
        html += '</div>';
    return html;
  }
  </script>

                      <a href="#" id="switch-currency">
      ￥  人民币
    </a>

  <script type="text/javascript">
  $('#switch-currency').click(function (e) {
    e.preventDefault();
    layer.open({
      type: 1,
      title: '货币',
      closeBtn: 1,
      anim: 2,
      shadeClose: true,
      scrollbar: false,
      area: ['80%'],
      content: currency_modal_content()
    });
  });

  function currency_modal_content() {
    var html = '<div class="m-2">';
        html += '<a href="https://mall.opencart.cn/account/forgotten?currency=USD" class="list-group-item">$ US Dollar</a>';
        html += '<a href="https://mall.opencart.cn/account/forgotten?currency=CNY" class="list-group-item">￥ 人民币</a>';
        html += '<a href="https://mall.opencart.cn/account/forgotten?currency=JPY" class="list-group-item">¥ 日元 </a>';
        html += '</div>';
    return html;
  }
  </script>

    </div>
        <div class="container">
      <div class="footer-powered">
        技术支持
      </div>
    </div>
  </footer>
      <nav id="bottom-tab-menu">
      <div class="menu-item">
        <a class="" href="../../mobile/index.html">
          <i class="iconfont">&#xe669;</i>
          <div class="name">首页</div>
        </a>
      </div>
      <div class="menu-item">
        <a class="" href="../../mobile/search.html">
          <i class="iconfont">&#xe602;</i>
          <div class="name">搜索</div>
        </a>
      </div>
      <div class="menu-item">
        <a class="" href="../../mobile/categories.html">
          <i class="iconfont">&#xe61d;</i>
          <div class="name">分类</div>
        </a>
      </div>
      <div class="menu-item cart">
        <a class="" href="../../mobile/checkout/cart.html">
          <i class="iconfont"><span class="cart-total" style="display:none;"></span>&#xe660;</i>
          <div class="name">购物车</div>
        </a>
      </div>
      <div class="menu-item">
        <a class="active" href="../../mobile/account.html">
          <i class="iconfont">&#xe640;</i>
          <div class="name">会员中心</div>
        </a>
      </div>
    </nav>

</body>
</html>
